.first{
    display: flex;
    flex-direction: row;
}
.left{
    width: 60% ;
    padding-left: 200px;
    padding-top: 200px;
    padding-bottom: 200px;
}
.right{
    width: 40%;
    padding-top: 200px;
    padding-bottom: 200px;
    
}
.right img{
    align-items: center;

}



@media screen and (max-width: 768px) {
    .first{
        flex-direction: column;
    }
    .left, .right {
        width: 100%;
        padding: 20px;
    }
    .right img {
        width: 100%;
        height: auto;
    }
    
}